@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  /* radius */
  --chatbox-radius-none: 0rem;
  --chatbox-radius-xs: 0.125rem;
  --chatbox-radius-sm: 0.25rem;
  --chatbox-radius-md: 0.5rem;
  --chatbox-radius-lg: 1rem;
  --chatbox-radius-xl: 1.5rem;
  --chatbox-radius-xxl: 2rem;

  /* spacing */
  --chatbox-spacing-none: 0rem;
  --chatbox-spacing-3xs: 0.125rem;
  --chatbox-spacing-xxs: 0.25rem;
  --chatbox-spacing-xs: 0.5rem;
  --chatbox-spacing-sm: 0.75rem;
  --chatbox-spacing-md: 1rem;
  --chatbox-spacing-lg: 1.25rem;
  --chatbox-spacing-xl: 1.5rem;
  --chatbox-spacing-xxl: 2rem;
}
